import Vue from 'vue'
import VueRouter from 'vue-router'
// import Home from '../views/Home.vue'
import ShoppingMail from '../components/pages/ShoppingMail.vue'
import Register from '../components/pages/Register.vue'
import Login from '../components/pages/Login.vue'
import Goods from '../components/pages/Goods.vue'
import CategoryList from '../components/pages/CategoryList.vue'
import Cart from '../components/pages/Cart.vue'
import Main from '../components/pages/Main.vue'

Vue.use(VueRouter)

const routes = [{
    path: '/main',
    name: 'Main',
    component: Main,
    children: [{
        path: '/',
        name: 'ShoppingMail',
        component: ShoppingMail
      },
      {
        path: '/categoryList',
        name: 'CategoryList',
        component: CategoryList
      },
      {
        path: '/cart',
        name: 'Cart',
        component: Cart
      }
    ]
  },

  {
    path: '/register',
    name: 'Register',
    component: Register
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: '/goods',
    name: 'Goods',
    component: Goods
  }
]

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

export default router